<html>
<head>
<style>
body {
	margin: 0px;
}

#svgContainer {
	wi dth: 400px;
	hei ght: 400px;
	ba ckground-color: #a0a0a0;
}
</style>
<script type="text/javascript" src="svgbase.js"></script>
<script type="text/javascript">

function buildPlanet() {
	var g = document.createElementNS (SVG, "g");

//	var color = Math.random()*360;

	g.appendChild(buildCircle(0, 0, 80, "fill: red; stroke: black; stroke-width: 1"));

//	var circ = buildCircle(0, 0, 100, "fill: white; stroke: black; stroke-width: 5");
//	circ.setAttributeNS (null, 'test', 1 +" "+ 1 +" "+ 1 +" "+ 1 +" "+ 1);
//	g.appendChild(circ);

	g.appendChild(buildCircle(0, 0, 100, "fill: transparent; stroke: black; stroke-width: 2"));

//	var svgContainer = document.getElementById ("svgContainer");
	return g;
}
function buildMap() {
	var svgElem = document.createElementNS (SVG, "svg");
	svgElem.setAttributeNS (null, 'width', 200);
	svgElem.setAttributeNS (null, 'height', 200);
	svgElem.setAttributeNS (null, 'viewBox', "-103 -103 206 206");

	svgElem.appendChild(buildPlanet());

	document.body.appendChild (svgElem);
}
function update() {
}

</script>
</head>
<body onload="buildMap(); update();">

</body>
</html>
